<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/jquery-1.12.2.min.js"></script>
<script type="text/javascript" src="js/all.js"></script>
<link rel="stylesheet" href="css/all.css" />
<link rel="stylesheet" href="css/bootstrap.min.css" />
<title>无标题文档</title>
</head>
<body>
<div id="box">
	<div id="center"></div>
	<?php foreach ($data as $key => $value) { ?>
		<div class="yhc yhc1" style="position: absolute; top: 135px; left: 135px;">
			<div class="hover">
				<p id="p_nickname"><i>昵称:</i><?php echo $value["nickname"];?></p>
				<p id="p_content"><i>愿望:</i><?php echo $value["content"]; ?></p>
			</div>
		</div>
	<?php } ?>
</div>
<div id="add">
	<form action="javascript:;">
	  <div class="form-group" id="input_div1">
	    <label class="input_title">昵称:</label>
	    <input type="text" class="form-control" name="nickname">
	  </div>
	  <div class="form-group" id="input_div2">
	    <label class="input_title">许愿:</label>
	    <textarea class="form-control" name="content" id="" cols="3" rows="5"></textarea>
	  </div>
	  <button id="submit" type="submit" class="btn btn-success">提交</button>
	  <button id="reset" type="reset" class="btn btn-warning">重置</button>
	</form>
</div>
</body>
</html>